<script setup>
import BelowApplicationItem from './BelowApplicationItem.vue'
let buttonColo = '#736D6D'

let btnType = 'donw'
let btnHight = '70px'
const props = defineProps({
  windowURL: {
    type: String,
    default: '', //advertising  cloud
  },
  bgColor: {
    type: String,
    default: '#31282a', //advertising  cloud
  },
  showTitil: {
    type: Boolean,
    default: false, //advertising  cloud
  },
})
// https://t14.baidu.com/it/u=183885528,1591047767&fm=58&app=83&size=w931&q=75&n=0&f=JPEG&fmt=auto&maxorilen2heic=2000000
</script>
<template>
  <div class="application-box common-box-shadow">
    <div class="application-box-title" v-if="showTitil">
      <div class="small-title">现已推出</div>
      <div class="application-title">原神</div>
      <div class="small-tip">五星角色流浪者复刻</div>
    </div>
    <van-image width="100%" :src="windowURL" />
    <BelowApplicationItem
      class="appl ication-box-introduce"
      :btnType="'down'"
    ></BelowApplicationItem>
  </div>
</template>

<style lang="scss" scoped>
.application-box {
  position: relative;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  &-introduce {
    width: 100%;
    border-radius: 0 0px 10px 10px;
  }
  .small-title {
    color: var(--van-button-primary-background);
    font-size: 10px;
    font-weight: bold;
  }
  .application-title {
    font-size: 22px;
    margin: 4px 0;
  }
  .small-tip {
    color: rgb(129, 129, 129);
    font-size: 20px;
  }
}
</style>
